span[data-comment-id].display {
  border-bottom: 2px dashed var(--surface-blue-3);
  user-select: text;
  cursor: pointer;
  scroll-margin: 4rem;
}

span[data-comment-id].display:hover,
span[data-comment-id].display.active {
  background: var(--surface-blue-2);
}

span[data-comment-id]:not([data-resolved="true"]) {
  border-bottom: 2px dashed var(--outline-amber-2);
  user-select: text;
  cursor: pointer;
  scroll-margin: 4rem;
}

span[data-comment-id]:not([data-resolved="true"]):hover,
span[data-comment-id]:not([data-resolved="true"]).active {
  background: rgba(250, 204, 21, 0.4);
}

